<template>
	<div class="index__partBox__src-home-zone-">
		<div class="index__pagesContainer__src-home-zone-">
			<div class="index__scrollContainer__src-home-zone-" id="scrollZone">
				<router-link class="index__tab__src-home-zone-tab- " to="/"><p>首页</p></router-link>
				<router-link class="index__tab__src-home-zone-tab- " v-for="(item,index) in newlist" :key="item.tid" :to="{name:'channel',params:{tid:item.tid}}" >
					<p>{{item.typename}}</p>
				</router-link>
				<a class="index__tab__src-home-zone-tab- " href="//live.bilibili.com/h5/">
					<p>直播</p>
				</a>
				<a class="index__tab__src-home-zone-tab- " href="//h.bilibili.com/ywh/h5/home">
					<p>相簿</p>
				</a>
			</div>
		</div>
		<div class="index__switchContainer__src-home-zone-">
			<svg class="index__icon__src-home-zone-" aria-hidden="true">
				<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-xialaxiao"></use>
			</svg>
		</div>
	</div>
</template>
<script>
	import config from "@/config";
	import axios from "axios";
	export default {
		name: 'bnav',
		data() {
			return {
				newlist: [],
			}
		},
		mounted() {
			this.newlist=window.__INITIAL_STATE__.reduxAsyncConnect.partitionList[0]
		},
		methods: {
			
		},
	}
</script>

<style lang="scss">
	@import "../../common/scss/nav";
	.router-link-exact-active p{
	    /*width: 1.36533rem;*/
	    font-size: .59733rem;
	    line-height: 1.28rem;
	    text-align: center;
	    color: #fb7299;
	    /*border-bottom: .08533rem solid #fb7299;*/
	}
</style>